<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>滨海基金 -通知信息列表</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Data Tables -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/style.min.css" rel="stylesheet">
<link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
<script src="js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/jeditable/jquery.jeditable.js"></script>
<script src="js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
<script type="text/javascript"
	src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
<script src="js/My97DatePicker/WdatePicker.js"></script>
<script src="js/common.js"></script>
<!-- 引入富文本编辑器 -->
<script src="js/plugins/ckeditor/ckeditor.js"></script>
<style type="text/css">
/* dataTables列内容居中 */
.table>tbody>tr>td {
	text-align: center;
}

/* dataTables表头居中 */
.table>thead:first-child>tr:first-child>th {
	text-align: center;
}
</style>
</head>
<body class="gray-bg">
	<div class="row">
		<div class="col-sm-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>
						通知 <small>信息,列表</small>
					</h5>
					<div class="ibox-content">
						<!-- <div>
						标题：<input type="text" id="title" /> <a
							class="btn btn-success  btn-xs" onclick="Search()">查询</a>
					</div> -->
						<div class="input-group col-md-3"
							style="margin-top: 0px; positon: relative; float: left; bottom: -5px;">
							<input id="title" type="text" class="form-control "
								placeholder="请输入关键字（通知标题）"/ > <span
								class="input-group-btn">
								<button onclick="Search()" class="btn btn-info btn-search">查询</button>
								<button class="btn btn-info btn-search" id="add"
									style="margin-left: 5px">添加</button>

							</span>
						</div>
						<table
							class="table table-striped table-bordered table-hover dataTables-example"
							id="dataTables-example">
							<thead>
								<tr style="height: 30px">
									<th style="width: 80px" align="center">序号</th>
									<th style="width: 200px" align="center">通知标题</th>
									<th style="width: 300px" align="center">通知内容</th>
									<th style="width: 130px" align="center">发布时间</th>
									<th style="width: 100px" align="center">发布部门</th>
									<th style="width: 100px" align="center">状态</th>
									<th style="width: 200px" align="center">操作</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id='addModal'>
			<div class="modal-dialog" style="width: 850px; height: 600px;">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close" data-dismiss='modal'>×</button>

						<h2 class="modal-title" align="center" id="title2">添加通知信息</h2>
					</div>

					<div class="modal-body" align="center">
						<form id="myFrom" enctype="multipart/form-data">
							<table align="center" style="margin-right: 20px;" >
								<tr style="height: 40px">
									<td width="80" ><label>通知标题<span style="color: red;">*</span>：
									</label></td>
									<td><input type="hidden" id="noticeId" name="noticeId" />
										<input type="hidden" id="noticeState" name="noticeState"
										value="0" /> <input type="hidden" id="oper" name="oper"
										value="新增" /> <input type="text" name="noticeTitle"
										id="noticeTitle" class="form-control" placeholder="请输入通知标题"></td>
								</tr>
								<tr style="height: 40px">
									<td><label>发布时间<span style="color: red;">*</span>：
									</label></td>
									<td><input type="text" name="date1" id="date1"
										class="form-control"
										onClick="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd HH:mm:ss'})"
										placeholder="请选择发布日期"></td>
								</tr>
								<tr style="height: 40px">
									<td><label>通知范围<span style="color: red;">*</span>：
									</label></td>
									<td>
										<select class="form-control" name="noticeRange"
												onchange="rangeChange(this.value)"
												id="noticeRange">
												<option selected="selected" value="1" >全公司</option>
												<option value="2">分公司</option>
												<option value="3">部门</option>
												<option value="4">团队</option>
										</select>
									</td>
								</tr>
								<tr style="height: 40px" id="deptDiv">
									<td><label>分公司<span style="color: red;">*</span>：
									</label></td>
									<td>
										<select class="form-control" name="deptId"
												onchange="deptChange(this.value)"
												id="dept">
										<option value="">-请选择分公司-</option>
										<c:forEach var="dept" items="${dept }">
										<option value="${dept.deptId }">${dept.deptName }（${dept.remake }）</option>
										</c:forEach>
										</select>
									</td>
								</tr>
								<tr style="height: 40px" id="branchDiv">
									<td><label>部门<span style="color: red;">*</span>：
									</label></td>
									<td>
										<select class="form-control" name="branchId"
												onchange="branchChange(this.value)"
												id="branch">
												<option value="">-请选择部门-</option>
										</select>
									</td>
								</tr>
								<tr style="height: 40px" id="teamDiv" >
									<td><label>团队<span style="color: red;">*</span>：
									</label></td>
									<td>
										<select class="form-control" name="teamId"
												id="team">
												<option value="">-请选择团队-</option>
										</select>
									</td>
								</tr>
								<tr style="height: 120px">
									<td><label>通知内容<span style="color: red;">*</span>：
									</label></td>
									<td><textarea style="resize: none;" rows="7" cols="60"
											name="noticeContent" id="noticeContent" class="form-control"></textarea>
											<script>
												//把txetarea隐藏，富文本显示,等值设好，就把富文本的值赋给textarea进行提交。
												//用js提交，首先在表单设一个Id（myForm）
												CKEDITOR
														.replace(
																"noticeContent",
																{
																	height : 400,

																	toolbar : [
																			//加粗     斜体，     下划线      穿过线      下标字        上标字
																			[
																					'Bold',
																					'Italic',
																					'Underline',
																					'Strike',
																					'Subscript',
																					'Superscript' ],
																			// 数字列表          实体列表            减小缩进    增大缩进
																			[
																					'NumberedList',
																					'BulletedList',
																					'-',
																					'Outdent',
																					'Indent' ],
																			//左对 齐             居中对齐          右对齐          两端对齐
																			[
																					'JustifyLeft',
																					'JustifyCenter',
																					'JustifyRight',
																					'JustifyBlock' ],
																			//超链接  取消超链接 锚点
																			[
																					'Image',
																					'Link',
																					'Unlink',
																					'Anchor' ],

																			// 样式       格式      字体    字体大小
																			[
																					'Styles',
																					'Format',
																					'Font',
																					'FontSize' ],
																			//文本颜色     背景颜色
																			[
																					'TextColor',
																					'BGColor' ],
																			//全屏           显示区块
																			[
																					'Maximize',
																					'ShowBlocks',
																					'-' ] ]
																});
											</script>
											</td>
								</tr>
							</table>
						</form>

					</div>
					<div class="modal-footer" align="center">
						<div align="center" id="btd">
							<button class="btn btn-primary" id="btnAdd">确认</button>
						</div>
						<div align="center" id="btdOfDetail">
							<button class="btn btn-primary" id="btnDetail"
								onclick="closeModal(addModal)">确认</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		var table;
		var map = new Map();
		$(function() {
			//提示信息
			var lang = {
				"sProcessing" : "<div style=\"float:right;width:50%\" >处理中...</div>",
				"sLengthMenu" : "每页 _MENU_ 项",
				"sZeroRecords" : "没有匹配结果",
				"sInfo" : "当前显示第 _START_ 至 _END_ 项，共 _TOTAL_ 项。",
				"sInfoEmpty" : "当前显示第 0 至 0 项，共 0 项",
				"sInfoFiltered" : "(由 _MAX_ 项结果过滤)",
				"sInfoPostFix" : "",
				"sSearch" : "搜索:",
				"sUrl" : "",
				"sEmptyTable" : "表中数据为空",
				"sLoadingRecords" : "载入中...",
				"sInfoThousands" : ",",
				"oPaginate" : {
					"sFirst" : "首页",
					"sPrevious" : "上页",
					"sNext" : "下页",
					"sLast" : "末页",
					"sJump" : "跳转"
				},
				"oAria" : {
					"sSortAscending" : ": 以升序排列此列",
					"sSortDescending" : ": 以降序排列此列"
				}
			};

			//初始化表格
			table = $("#dataTables-example")
					.dataTable(
							{

								"fnDrawCallback" : function() {
									var api = this.api();
									var startIndex = api.context[0]._iDisplayStart;//获取到本页开始的条数
									api.column(0).nodes().each(
											function(cell, i) {
												cell.innerHTML = startIndex + i
														+ 1;
											});
								},
								language : lang, //提示信息
								autoWidth : false, //禁用自动调整列宽
								stripeClasses : [ "odd", "even" ], //为奇偶行加上样式，兼容不支持CSS伪类的场合
								processing : true, //隐藏加载提示,自行处理
								serverSide : true, //启用服务器端分页
								searching : false, //禁用原生搜索
								orderMulti : false, //启用多列排序
								order : [], //取消默认排序查询,否则复选框一列会出现小箭头
								renderer : "bootstrap", //渲染样式：Bootstrap和jquery-ui
								pagingType : "simple_numbers", //分页样式：simple,simple_numbers,full,full_numbers
								"aLengthMenu" : [ 10 ],
								"bLengthChange" : false,//屏蔽tables的一页展示多少条记录的下拉列表
								ordering : false, //关闭排序图标
								ajax : function(data, callback, settings) {
									//封装请求参数
									var param = {};
									param.limit = data.length;//页面显示记录条数，在页面显示每页显示多少项的时候
									param.start = data.start;//开始的记录序号
									param.page = (data.start / data.length) + 1;//当前页码
									param.sysNotice =1;//系统公告通知标记
									//param.darw=darw;  //计数器
									var activityTitle = $("#title").val()
											.trim();
									if (activityTitle != null
											&& activityTitle != "") {
										param.title = activityTitle
									}
									param.status = 0;

									//console.log(param);
									//ajax请求数据
									$
											.ajax({
												type : "POST",
												url : "noticeList.do?id=0?v=4.0",
												cache : false, //禁用缓存
												data : param, //传入组装的参数
												dataType : "json",
												success : function(result) {
													//setTimeout仅为测试延迟效果
													setTimeout(
															function() {
																//封装返回数据
																var returnData = {};
																draw = result.draw;//后台返回的计数器
																returnData.draw = data.draw;//这里直接自行返回了draw计数器,应该由后台返回
																returnData.recordsTotal = result.total;//返回数据全部记录
																returnData.recordsFiltered = result.total;//后台不实现过滤功能，每次查询均视作全部结果
																returnData.data = result.data;//返回的数据列表
																//调用DataTables提供的callback方法，代表数据已封装完成并传回DataTables进行渲染
																//此时的数据需确保正确无误，异常判断应在执行此回调前自行处理完毕
																callback(returnData);
															}, 200);
												}
											});
								},
								//列表表头字段
								columns : [
										{
											"data" : null
										},
										{
											"data" : "noticeTitle"
										},
										{
											"data" : function(data) {
												if (data.noticeContent == null) {
													return "";
												}
												if (data.noticeContent.length > 20) {
													return data.noticeContent
															.substr(0, 20)
															+ "...";
												} else {
													return data.noticeContent;
												}
											}
										},
										{
											"data" : function(data) {

												if (data.releaseDate == null) {
													return "";
												}
												return toDate(new Date(
														data.releaseDate));
											}
										},
										{
											"data" : "createPeople"
										},
										{
											"data" : function(data) {
												map.put(data.noticeId,
														data.noticeStatus);
												if (data.noticeStatus == 1) {
													return "禁用";
												} else {
													return "启用";
												}
											}
										} ],
								columnDefs : [ {
									"targets" : [ 6 ], //第七列加一条 自定义列
									"data" : "noticeId", //数据列名
									"render" : function(data, type, full) { //返回自定义的内容
										if (map.get(data) == 0) {
											return "<a class=\"btn btn-info btn-xs\" onClick=\"detailActivity('"
													+ data
													+ "');\">详细</a> "
													+ "<a class=\"btn btn-primary  btn-xs\" onClick=\"editActivity('"
													+ data
													+ "');\">编辑</a> "
													+ "<a class=\"btn btn-warning btn-xs\" id=\"noticeStatus\" onClick=\"updateNoticeStatus('"
													+ data
													+ "','"
													+ map.get(data)
													+ "');\">禁用</a> "
													+ "<a class=\"btn btn-danger  btn-xs\" onClick=\"delActivity('"
													+ data + "');\">删除</a> ";
										} else {
											return "<a class=\"btn btn-info btn-xs\" onClick=\"detailActivity('"
													+ data
													+ "');\">详细</a> "
													+ "<a class=\"btn btn-primary  btn-xs\" onClick=\"editActivity('"
													+ data
													+ "');\">编辑</a> "
													+ "<a class=\"btn btn-warning btn-xs\" id=\"noticeStatus\" onClick=\"updateNoticeStatus('"
													+ data
													+ "','"
													+ map.get(data)
													+ "');\">启用</a> "
													+ "<a class=\"btn btn-danger  btn-xs\" onClick=\"delActivity('"
													+ data + "');\">删除</a> ";
										}
									}
								} ]
							})//.api();	

			$("#add").click(function() {
				$("#oper").val("新增");
				//点击添加按钮隐藏分公司、部门、团队下拉框
				$("#deptDiv").hide();
				$("#branchDiv").hide();
				$("#teamDiv").hide();
				//点击添加按钮将通知范围设置为全公司（1）
				$('#noticeRange').val("1");
				$('#noticeRange').removeAttr("disabled");
				$('#dept').removeAttr("disabled");
				$('#branch').removeAttr("disabled");
				$('#team').removeAttr("disabled");
				$('#noticeTitle').removeAttr("disabled");
				$('#date1').removeAttr("disabled");
				$('#noticeContent').removeAttr("disabled");
				CKEDITOR.instances.noticeContent
				.setReadOnly(false);//写入信息到文本编辑器
				CKEDITOR.instances.noticeContent
				.setData("");//写入信息到文本编辑器
				$('#noticeTitle').val("");
				$('#date1').val("");
				$('#noticeContent').val("");
				$("#addModal").modal("show");
				$("#btd").show();
				$("#btdOfDetail").hide();
			})
			//添加通知操作
			$("#btnAdd").click(function() {
				//获取富文本框的值
				var ckeditorVal = CKEDITOR.instances.noticeContent.getData();
				//将富文本的值设置进多行文本框
				$("#noticeContent").val(ckeditorVal);
				var date1 = $("#date1").val();
				var activityName = $("#noticeTitle").val();
				var activityContent = $("#noticeContent").val();
				var noticeRange = $('#noticeRange').val();
				var deptId = $('#dept').val();
				var branchId = $('#branch').val();
				var teamId = $('#team').val();
				if((noticeRange == 2 || noticeRange == 3 || noticeRange == 4) && deptId == ""){
					swal("温馨提示!", "请选择分公司!", "error");
					return false;
				}
				else if((noticeRange == 3 || noticeRange == 4) && branchId == ""){
					swal("温馨提示!", "请选择部门!", "error");
					return false;
				}
				else if(noticeRange == 4 && teamId == ""){
					swal("温馨提示!", "请选择团队!", "error");
					return false;
				}
				if (date1 == "") {
					swal("温馨提示!", "请选择发布时间!", "error");
					return false;
				}
				if (activityName == "") {
					swal("温馨提示!", "请输入标题!", "error");
					return false;
				}
				if (activityContent == "") {
					swal("温馨提示!", "请输入内容!", "error");
					return false;
				}

				$.ajax({
					url : "insertNotice.do",
					data : $("#myFrom").serializeArray(),
					type : "post",
					dataType : "json",
					success : function(result) {
						if (result.code == 1) {
							swal({
								title : "提示",
								text : "操作成功！",
								type : "success",
								confirmButtonText : "确定",
								closeOnConfirm : true
							}, function() {
								$("#addModal").modal("hide");
								Search()
							});

						} else {
							sweetAlert("提示", "未知异常!", "error");
						}

					},
					error : function() {
						sweetAlert("异常", "网络出现异常!", "error");
					}
				});// ajax end;
			}); //添加通知 end
		})
		function Search() {
			/* var oSettings = table.fnSettings();  
			oSettings._iDisplayStart = 0;  
			table.fnDraw(oSettings);   */
			table.fnDraw();
		}
		function delActivity(id) {
			swal({
				title : "您确定要删除这条信息吗",
				text : "删除后将无法恢复，请谨慎操作！",
				type : "warning",
				showCancelButton : true,
				confirmButtonColor : "#DD6B55",
				confirmButtonText : "删除",
				cancelButtonText : "取消",
				closeOnConfirm : false
			}, function() {

				$.ajax({
					url : "delNotice.do",
					data : {
						id : id
					},
					type : "post",
					dataType : "json",
					success : function(result) {
						console.log(result)
						if (result == 1) {
							swal({
								title : "提示",
								text : "删除成功！",
								type : "success",
								confirmButtonColor : "#DD6B55",
								confirmButtonText : "确定"
							}, function() {
								Search();
							});
						} else {
							sweetAlert("提示", "删除失败!", "error");
						}

					},
					error : function() {
						sweetAlert("异常", "网络出现异常!", "error");
					}

				});// ajax end;

			});
		}
		function editActivity(id) {
			$("#addModal").modal("show");
			$('#noticeRange').removeAttr("disabled");
			$('#dept').removeAttr("disabled");
			$('#branch').removeAttr("disabled");
			$('#team').removeAttr("disabled");
			$('#noticeTitle').removeAttr("disabled");
			$('#date1').removeAttr("disabled");
			$('#noticeContent').removeAttr("disabled");
			$("#btd").show();
			$("#btdOfDetail").hide();
			$.ajax({
				url : "editNotice.do",
				data : {
					id : id
				},
				type : "post",
				dataType : "json",
				success : function(result) {
					if (result.code == 1) {
						$("#title2").html("编辑通知信息");
						$("#oper").val("修改");
						$("#noticeId").val(result.notice.noticeId);
						$("#noticeTitle").val(result.notice.noticeTitle);
						$("#date1").val(toDate(result.notice.releaseDate));
						//$("#noticeContent").val(result.notice.noticeContent);
						CKEDITOR.instances.noticeContent
						.setReadOnly(false);//写入信息到文本编辑器
						CKEDITOR.instances.noticeContent
						.setData(result.notice.noticeContent);//写入信息到文本编辑器
						$("#noticeRange").val(result.notice.noticeRange);
						rangeChange(result.notice.noticeRange)
						if(result.notice.deptId != null && result.notice.deptId != ''){
							deptChange (result.notice.deptId,result.notice.branchId)
							if(result.notice.deptId != null && result.notice.deptId != ''){
								branchChange (result.notice.branchId,result.notice.teamId)
							}
						}
						$("#dept").val(result.notice.deptId);
						$("#branch").val(result.notice.branchId);
						$("#team").val(result.notice.teamId);
						$("#btnAdd").val("修改");
					} else {
						sweetAlert("提示", "获取失败!", "error");
					}

				},
				error : function() {
					sweetAlert("异常", "网络出现异常!", "error");
				}

			});// ajax end;
		}
		function detailActivity(id) {
			$.ajax({
				url : "editNotice.do",
				data : {
					id : id
				},
				type : "post",
				dataType : "json",
				success : function(result) {
					if (result.code == 1) {
						$("#title2").html("通知信息详情");
						$("#noticeId").val(result.notice.noticeId);
						$("#noticeTitle").val(result.notice.noticeTitle);
						$("#date1").val(toDate(result.notice.releaseDate));
						//$("#noticeContent").val(result.notice.noticeContent);
						$("#dept").val(result.notice.deptId);
						rangeChange(result.notice.noticeRange)
						if(result.notice.deptId != null && result.notice.deptId != ''){
							deptChange (result.notice.deptId,result.notice.branchId)
							if(result.notice.deptId != null && result.notice.deptId != ''){
								branchChange (result.notice.branchId,result.notice.teamId)
							}
						}
						CKEDITOR.instances.noticeContent.setReadOnly (true);//写入信息到文本编辑器
						CKEDITOR.instances.noticeContent.setData(result.notice.noticeContent);//写入信息到文本编辑器
						$('#noticeTitle').attr("disabled", "disabled");
						$('#date1').attr("disabled", "disabled");
						$('#noticeContent').attr("disabled", "disabled");
						$('#noticeRange').attr("disabled", "disabled");
						$('#dept').attr("disabled", "disabled");
						$('#branch').attr("disabled", "disabled");
						$('#team').attr("disabled", "disabled");
						$("#btd").hide();
						$("#btdOfDetail").show();
						$("#addModal").modal("show");
					} else {
						sweetAlert("提示", "获取失败!", "error");
					}

				},
				error : function() {
					sweetAlert("异常", "网络出现异常!", "error");
				}

			});// ajax end;
		}

		function updateNoticeStatus(id, noticeStatus) {
			if (noticeStatus == 1) {
				noticeStatus = 0;
			} else {
				noticeStatus = 1;
			}
			$.ajax({
				url : "updateNoticeStatus.do ",
				data : {
					id : id,
					noticeStatus : noticeStatus
				},
				type : "post",
				dataType : "json",
				success : function(result) {
					if (result.code == 1) {
						console.log(noticeStatus)
						if (noticeStatus == 1) {
							$("#noticeStatus").text("禁用");
						} else {
							$("#noticeStatus").text("启用");
						}
						swal("操作成功！", "", "success");
						Search();
					} else {
						sweetAlert("提示", "获取失败!", "error");
					}

				},
				error : function() {
					sweetAlert("异常", "网络出现异常!", "error");
				}

			});// ajax end;
		}

		function toDate(data) {
			var date = new Date(data);
			var y = date.getFullYear();
			var m = date.getMonth() + 1;
			var hour = date.getHours();
			var minute = date.getMinutes();
			var second = date.getSeconds();
			m = m < 10 ? '0' + m : m;
			var d = date.getDate();
			d = d < 10 ? ('0' + d) : d;
			hour = hour < 10 ? '0' + hour : hour;
			minute = minute < 10 ? '0' + minute : minute;
			second = second < 10 ? '0' + second : second;
			return y + '-' + m + '-' + d + " " + hour + ":" + minute + ":"
					+ second;
		}
		//关闭模态框方法
		function closeModal(modal) {
			$(modal).modal("hide");
		}

		/* 创建一个函数，类似java中的map */
		function Map() {
			/** 存放键的数组(遍历用到) */
			this.keys = new Array();
			/** 存放数据 */
			this.data = new Object();

			/**
			 * 放入一个键值对
			 * @param {String} key
			 * @param {Object} value
			 */
			this.put = function(key, value) {
				if (this.data[key] == null) {
					this.keys.push(key);
				}
				this.data[key] = value;
			};

			/**
			 * 获取某键对应的值
			 * @param {String} key
			 * @return {Object} value
			 */
			this.get = function(key) {
				return this.data[key];
			};

			/**
			 * 删除一个键值对
			 * @param {String} key
			 */
			this.remove = function(key) {
				this.keys.remove(key);
				this.data[key] = null;
			};

			/**
			 * 遍历Map,执行处理函数
			 * @param {Function} 回调函数 function(key,value,index){..}
			 */
			this.each = function(fn) {
				if (typeof fn != 'function') {
					return;
				}
				var len = this.keys.length;
				for (var i = 0; i < len; i++) {
					var k = this.keys[i];
					fn(k, this.data[k], i);
				}
			};

			/**
			 * 获取键值数组(类似Java的entrySet())
			 * @return 键值对象{key,value}的数组
			 */
			this.entrys = function() {
				var len = this.keys.length;
				var entrys = new Array(len);
				for (var i = 0; i < len; i++) {
					entrys[i] = {
						key : this.keys[i],
						value : this.data[i]
					};
				}
				return entrys;
			};

			/**
			 * 判断Map是否为空
			 */
			this.isEmpty = function() {
				return this.keys.length == 0;
			};

			/**
			 * 获取键值对数量
			 */
			this.size = function() {
				return this.keys.length;
			};

			/**
			 * 重写toString 
			 */
			this.toString = function() {
				var s = "{";
				for (var i = 0; i < this.keys.length; i++, s += ',') {
					var k = this.keys[i];
					s += k + "=" + this.data[k];
				}
				s += "}";
				return s;
			};
		}
		
		function rangeChange(value) {
			console.log(value)
			if(value == 1 || value == ''){
				$("#deptDiv").hide();
				$("#branchDiv").hide();
				$("#teamDiv").hide();
			}
			else if (value == 2) {
				$("#deptDiv").show();
				$("#branchDiv").hide();
				$("#teamDiv").hide();
			}else if (value == 3) {
				$("#deptDiv").show();
				$("#branchDiv").show();
				$("#teamDiv").hide();
			}else if (value == 4) {
				$("#deptDiv").show();
				$("#branchDiv").show();
				$("#teamDiv").show();
			} 
		}
		
		function deptChange (id,branchId) {
    		$("#branch option:not(:first)").remove();
    		$("#team option:not(:first)").remove();
			$.ajax({
				url : "getDeptFallTeam.do",
				type : "post",
				data:{
					id:id
				},
				dataType : "json",
				success : function(result) {
					if (result.code == 1) {
						var branchHtml="";
						for(var i=0;i<result.branch.length;i++){
							branchHtml+="<option value=\""+result.branch[i].branchId+"\">"+result.branch[i].branchName+"</option>";
						}
						$("#branch").append(branchHtml);
						if(branchId != null && branchId != ''){
							$("#branch").val(branchId)
						}
					} else {
						sweetAlert("提示", "未知异常!", "error");
					}
				},
				error : function() {
					sweetAlert("异常", "网络出现异常!", "error");
				}
			});// ajax end;
		}
		
		
		function branchChange (id,teamId) {
    		$("#team option:not(:first)").remove();
			$.ajax({
				url : "getTeamByBranchId.do",
				type : "post",
				data:{
					id:id
				},
				dataType : "json",
				success : function(result) {
					if (result.code == 1) {
						var branchHtml="";
						for(var i=0;i<result.branch.length;i++){
							branchHtml+="<option value=\""+result.branch[i].branchId+"\">"+result.branch[i].branchName+"</option>";
						}
						$("#team").append(branchHtml);
						if(teamId != null && teamId != ''){
							$("#team").val(teamId)
						}
					} else {
						sweetAlert("提示", "未知异常!", "error");
					}

				},
				error : function() {
					sweetAlert("异常", "网络出现异常!", "error");
				}

			});// ajax end;
			
		}
	</script>
</body>

</html>